html,body{
	height: 100%;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
}

#main-wrapper{
	position:absolute;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size: 100%;
}

#login-wrapper{
	width: 27%;
	height: 65%;
	margin: 5% auto;
	padding: 3px 0px 0px 0px;
	color: #fff;
	background-color: #1691FF;
	border: medium solid #fff;
	border-radius: 45px;
	moz-border-radius: 45px;
	webkit-border-radius: 45px;
	box-shadow: 0px 0px 30px #2BB8FF;
	moz-box-shadow: 0px 0px 30px #2BB8FF;
	webkit-box-shadow: 0px 0px 30px #2BB8FF;
}

#login-form-title{
	font-family: "Times New Roman";
	font-weight: bold;
	color: #000;
	display: inline;
	padding: 5px;
	border: thin solid #fff;
}

#content-wrapper{
	background-color: #1691FF;
	display: block;
	width: 80%;
	margin: 3% auto 0px auto;
	padding:1% 0px 0px 0px;
	border: medium solid #fff;
	border-radius: 35px;
	moz-border-radius: 35px;
	webkit-border-radius: 35px;
	box-shadow: 0px 0px 30px #84D4FF;
	moz-box-shadow: 0px 0px 30px #84D4FF;
	webkit-box-shadow: 0px 0px 30px #84D4FF;
}

#header{
	width:95%;
	display:block;
	background-color: #fff;
	margin: auto;
	border-radius: 25px;
	moz-border-radius: 25px;
	webkit-border-radius: 25px;
}

#header-title{
	width:95%;
	display:block;
	margin: 1px auto;
	border: thin solid #fff;
	background-color: #84D4FF;
	box-shadow: inset 0px 0px 15px #1691FF;
	moz-box-shadow: inset  0px 0px 15px #1691FF;
	webkit-box-shadow: inset 0px 0px 15px #1691FF;
}

#header-title>h1{
	padding:0px;
	margin:0px;
}

#content{
	width:95%;
	display:table;
	margin: auto;
	padding-top:5px;
	padding-bottom:5px;
}

#main-menu{
	float:left;
	display:block;
	width:24%;
	background-color: #fff;
	border-radius: 25px;
	moz-border-radius: 25px;
	webkit-border-radius: 25px;
}

#article{
	float: right;
	display:block;
	width:74%;
	background-color: #fff;
	border-radius: 25px;
	moz-border-radius: 25px;
	webkit-border-radius: 25px;
}

#article span.subtitle{
	float:left;
	margin-left:10px;
	text-decoration:underline;
	outline:none;
}

#article a.option-tool{
	font-size:75%;
	float:right;
	text-decoration: none;
	margin-right:10px;
	color: #000;
}

#article a.option-tool:hover{
	text-decoration: underline;
	outline: none;
}

#footer{
	font-size: 80%;
	width: 80%;
	display: block;
	margin:0px auto;
}

ul.menu{
	list-style:none;
	margin:0px;
	margin-left:10%;
	padding:0px;
}

ul.menu > li{
	margin-top:4%;
	margin-bottom:4%;
}

ul.menu > li > a{
	text-align:center;
	display:block;
	background-color: #ccc;
	text-decoration:none;
	width:80%;
	padding:5%;
	color:#000;
	font-size:80%;
	font-weight:bold;
	text-transform:uppercase;
	border-radius: 10px;
	moz-border-radius: 10px;
	webkit-border-radius: 10px;
}

ul.footer-menu{
	list-style:none;
	margin:0px auto;
	margin-left:10%;
	padding:0px;
	display:block;
}

ul.footer-menu>li>a{
	display:block;
	float: right;
	margin: 10px;
	text-decoration:none;
	color: #000;
}

ul.footer-menu>li>a:hover{
	text-decoration:underline;
	outline:none;
	color: #1691FF;
}

.on-bold{
	font-weight: bold;
	font-size: 105%;
}

.link{
	color: #fff;
	text-decoration: none;
	font-size: 90%;
}

.link:hover{
	text-decoration: underline;
	outline: none;
}

.error-msg{
	color: #FF0000;
	font-size: 83%;
	padding: 5px;
	background-color: #fff;
	border: thin solid #FF0000;
	border-radius: 5px;
	moz-border-radius: 5px;
	webkit-border-radius: 5px;
}

input[type="text"],input[type="password"],input[type="date"]{
	padding: 3px;
	border: thin solid #fff;
	border-radius: 3px;
	moz-border-radius: 3px;
	webkit-border-radius: 3px;
	box-shadow: inset 0px 0px 7px #2BB8FF;
	moz-box-shadow: inset 0px 0px 7px #2BB8FF;
	webkit-box-shadow: inset 0px 0px 7px #2BB8FF;
}

input[type="submit"],input[type="button"]{
	background-color: #ccc;
	color: #000;
	border: none;
	padding: 5px;
	font-size: 115%;
	font-weight: bold;
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif" ;
	border-radius: 5px;
	moz-border-radius: 5px;
	webkit-border-radius: 5px;
	cursor: pointer;
}

input[type="submit"]:hover,input[type="button"]:hover{
	box-shadow: inset 0px 0px 7px #6E6E6E;
	moz-box-shadow: inset 0px 0px 7px #6E6E6E;
	webkit-box-shadow: inset 0px 0px 7px #6E6E6E;
}

/*Estilo para las Tablas*/
table.general-table{
	border: thin solid #ccc;
	width:90%;
	margin:0 auto;
	border-collapse:collapse;
	font-size:85%;
}

table.general-table th, table.general-table td{
	border: thin solid #ccc;
}

table.general-table td{
	text-align: left;
	padding-left: 5px;
}

table.general-table th{
	border-bottom: medium solid #AEAEAE;
}

table.general-table tr.odd{
	background-color: #E9F3F3;
}

table.general-table tr.selected{
	background-color: #F6F786;
	font-weight: bold;
}

table.general-table tbody > tr:hover{
	background-color: #F6F786;
}

/*Estilo para las Tablas*/